<include file='Common:header' />

<!-- /section:basics/navbar.layout -->
<div class="main-container" id="main-container">

    <!-- #section:basics/sidebar -->

    <include file='Common:left' />


    <!-- /section:basics/sidebar -->
    <div class="main-content">
        <div class="main-content-inner">
            <div class="page-content">



                <!--主题-->
                <div class="page-header">
                    <h1>
                        您当前操作
                        <small>
                            <i class="ace-icon fa fa-angle-double-right"></i>
                            添加栏目
                        </small>
                    </h1>
                </div>

                <script>
                    $(function () {
                        $('#address').hide();//默认隐藏
                        $('#type2').click(function () {
                            $('#address').show();
                        });
                        $('#type1,#type3,#type4,#type5').click(function () {
                            $('#address').hide();
                        });
                    });

                    $(function () {
                        $('#columnadd').ajaxForm({
                            beforeSubmit: checkForm, // 此方法主要是提交前执行的方法，根据需要设置
                            success: complete, // 这是提交后的方法
                            dataType: 'json'
                        });

                        function checkForm() {
                            if ('' == $.trim($('#column_name').val())) {
                                $('#resone').attr("class", "middle highmsg");//ID为resone 重新class赋值
                                $('#resone').html('栏目标题不能为空').show();//id为resone 赋值html值
                                $('#column_name').focus();
                                return false;
                            }
                        }
                        function complete(data) {
                            if (data.status == 1) {
                                layer.alert(data.info, {icon: 6}, function (index) {
                                    layer.close(index);
                                    window.location.href = data.url;
                                });
                            } else {
                                alert(data.info);
                                return false;
                            }
                        }

                    });
                </script>
                <div class="row">
                    <div class="col-xs-12">
                        <form class="form-horizontal" name="columnadd" id="columnadd" method="post" action="{:U('runnews_columnadd')}">
                            <input type="hidden" name="column_leftid" value="{$column_leftid}" />
                            <div class="form-group">
                                <label class="col-sm-3 control-label no-padding-right" for="form-field-1"> 栏目名称 </label>
                                <div class="col-sm-9">
                                    <input type="text" name="column_name" id="column_name"  placeholder="必填：栏目名称"  class="col-xs-10 col-sm-5" />
                                    <span class="help-inline col-xs-12 col-sm-7">
                                        <span class="middle" id="resone"></span>
                                    </span>
                                </div>
                            </div>
                            <div class="space-4"></div>

                            <div class="form-group">
                                <label class="col-sm-3 control-label no-padding-right" for="form-field-1"> 英文栏目名称 </label>
                                <div class="col-sm-9">
                                    <input type="text" name="column_enname" id="column_enname" placeholder="英文栏目名称" class="col-xs-10 col-sm-5" />
                                </div>
                            </div>
                            <div class="space-4"></div>

                            <div class="form-group">
                                <label class="col-sm-3 control-label no-padding-right" for="form-field-1"> 栏目类型 </label>
                                <div class="col-sm-9">
                                    <div class="radio">
                                        <label>
                                            <input name="column_type" type="radio" class="ace" id="type1" value="1" checked="checked" />
                                            <span class="lbl"> 作为频道页，不可作为栏目发布文章</span>
                                        </label>
                                    </div>

                                    <div class="radio">
                                        <label>
                                            <input name="column_type" id="type2" type="radio" class="ace" value="2"/>
                                            <span class="lbl"> 不直接发布内容，用于跳转页面</span>
                                        </label>
                                    </div>

                                    <div class="radio">
                                        <label>
                                            <input name="column_type" id="type3" type="radio" class="ace" value="3"/>
                                            <span class="lbl"> 作为发布栏目，文章列表模式</span>
                                        </label>
                                    </div>

                                    <div class="radio">
                                        <label>
                                            <input name="column_type" id="type4" type="radio" class="ace" value="4"/>
                                            <span class="lbl"> 作为发布栏目，图片列表模式</span>
                                        </label>
                                    </div>

                                    <div class="radio">
                                        <label>
                                            <input name="column_type" id="type5" type="radio" class="ace" value="5"/>
                                            <span class="lbl"> 单页面模式，例如企业简介</span>
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="space-4"></div>

                            <div class="form-group" id="address">
                                <label class="col-sm-3 control-label no-padding-right" for="form-field-1"> 跳转地址 </label>
                                <div class="col-sm-9">
                                    <input type="text" name="column_address" id="column_address" placeholder="跳转地址" class="col-xs-10 col-sm-7" />
                                    <span class="help-inline col-xs-12 col-sm-5">
                                        <span class="middle">正确格式：http:// 开头</span>
                                    </span>
                                </div>
                            </div>
                            <div class="space-4"></div>


                            <div class="form-group">
                                <label class="col-sm-3 control-label no-padding-right" for="form-field-1"> 是否开启 </label>
                                <div class="col-sm-9" style="padding-top:5px;">
                                    <input name="column_open" id="column_open" value="1" class="ace ace-switch ace-switch-4 btn-flat" type="checkbox" />
                                    <span class="lbl">&nbsp;&nbsp;默认关闭</span>
                                </div>
                            </div>
                            <div class="space-4"></div>

                            <div class="form-group">
                                <label class="col-sm-3 control-label no-padding-right" for="form-field-1"> 排序（从小到大） </label>
                                <div class="col-sm-9">
                                    <input type="text" name="column_order" id="column_order" value="50" class="col-xs-10 col-sm-1" />
                                </div>
                            </div>
                            <div class="space-4"></div>

                            <div class="form-group">
                                <label class="col-sm-3 control-label no-padding-right" for="form-field-1"> 单页面内容 </label>
                                <div class="col-sm-9">
                                    <textarea  name="kind_text"  ></textarea>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label no-padding-right" for="form-field-1"> 单页面内容(英文) </label>
                                <div class="col-sm-9">
                                    <textarea  name="kind_text1"  ></textarea>
                                </div>
                            </div>
                            <div class="space-4"></div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label no-padding-right" for="form-field-1"> SEO标题： </label>
                                <div class="col-sm-9">
                                    <input type="text" id="column_title" name="column_title"  placeholder="SEO标题"  class="col-xs-10 col-sm-5" />

                                </div>
                            </div>

                            <div class="space-4"></div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label no-padding-right" for="form-field-1"> SEO关键字： </label>
                                <div class="col-sm-9">
                                    <input type="text" id="column_key" name="column_key"  placeholder="SEO关键字" class="col-xs-10 col-sm-5" />
                                    <span class="help-inline col-xs-12 col-sm-7">
                                        <span class="middle">每个关键字用英文 , 号隔开</span>
                                    </span>
                                </div>
                            </div>
                            <div class="space-4"></div>

                            <div class="form-group">
                                <label class="col-sm-3 control-label no-padding-right" for="form-field-1"> SEO描述： </label>
                                <div class="col-sm-9">
                                    <input type="text" id="column_des" name="column_des"  placeholder="SEO描述"  class="col-xs-10 col-sm-10" />
                                </div>
                            </div>
                            <div class="space-4"></div>

                            <div class="clearfix form-actions">
                                <div class="col-md-offset-3 col-md-9">
                                    <button class="btn btn-info" type="submit">
                                        <i class="ace-icon fa fa-check bigger-110"></i>
                                        保存
                                    </button>

                                    &nbsp; &nbsp; &nbsp;
                                    <button class="btn" type="reset">
                                        <i class="ace-icon fa fa-undo bigger-110"></i>
                                        重置
                                    </button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="hr hr-24"></div>

                <include file='Common:header_nav' />

            </div><!-- /.page-content -->
        </div>
    </div><!-- /.main-content -->

    <include file='Common:footer' />

</div><!-- /.main-container -->
</body>
</html>
